<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JK导航界面</title>
    <link th:href="@{/css/jk-navigation.css}" rel="stylesheet">
</head>
<body>
<div class="main-jk-navigation">
    <div class="top-header">
        <a th:href="@{/dashboard}" target="_blank" class="console-btn">
            <i class="fas fa-tachometer-alt"></i> 进入控制台
        </a>
    </div>
    <div class="main-container">
        <div class="header">
            <div>
                <h1>JK智能系统导航</h1>
                <p>高效工具与智能助手集合，一键直达所需功能</p>
            </div>

        </div>

        <!-- 智能助手管理 -->
        <h3 class="category-title">智能助手管理</h3>
        <div class="card-container">
            <div class="card nav-card">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-hard-hat"></i>
                    </div>
                    <h5 class="card-title">安全施工分析助手</h5>
                </div>
                <div class="card-body">
                    <p class="card-text">
                        提供施工现场安全风险分析与预警功能，支持实时监测和多维度数据分析，帮助预防施工事故。</p>
                </div>
                <div class="card-footer">
                    <a th:href="@{./}" target="_blank" class="btn btn-card">
                        进入系统</a>
                </div>
            </div>

            <div class="card nav-card">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-trash-alt"></i>
                    </div>
                    <h5 class="card-title">厨余垃圾分析助手</h5>
                </div>
                <div class="card-body">
                    <p class="card-text">智能识别厨余垃圾成分，提供精准分类建议与资源化处理方案，助力环保与可持续发展。</p>
                </div>
                <div class="card-footer">
                    <a th:href="@{./}" target="_blank" class="btn btn-card">进入系统</a>
                </div>
            </div>

            <div class="card nav-card">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-oil-can"></i>
                    </div>
                    <h5 class="card-title">机械设备漏油检测</h5>
                </div>
                <div class="card-body">
                    <p class="card-text">基于AI图像识别的机械设备漏油检测系统，实现预防性维护，降低设备故障率和维护成本。</p>
                </div>
                <div class="card-footer">
                    <a th:href="@{./}" target="_blank" class="btn btn-card">进入系统</a>
                </div>
            </div>
        </div>

        <!-- 工具管理 -->
        <h3 class="category-title">实用工具</h3>
        <div class="card-container">
            <div class="card nav-card">
                <div class="card-header">
                    <div class="card-icon">
                        <i class="fas fa-file-excel"></i>
                    </div>
                    <h5 class="card-title">Excel转Markdown（内部使用）</h5>
                </div>
                <div class="card-body">
                    <p class="card-text">
                        将Excel表格数据智能转换为Markdown格式，支持批量处理和自动存入数据库，提高文档处理效率。</p>
                </div>
                <div class="card-footer">
                    <a th:href="@{./tool}" target="_blank" class="btn btn-card">进入工具</a>
                </div>
            </div>
        </div>
    </div>
</div>


</body>
</html>